<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="include :: header"></head>
<body>
<div style="padding: 15px">
    <form class="layui-form" action="">
        <input id="treeId" name="treeId" type="hidden" th:value="${epointproject?.projectId}"/>
        <input id="treeName" name="treeName" type="hidden" th:value="${epointproject?.projectName}"/>
        <div style="text-align: center">
            <div class="layui-inline" id="search" style="padding: 5px;">
                <label class="layui-form-label">关键字</label>
                <div class="layui-input-inline">
                    <input type="text" id="keyword" autocomplete="off" class="layui-input">
                </div>
            </div>
            <a class="layui-btn layui-btn-xs" href="javascript:;" onclick="$.tree.searchNode()">搜索</a>
            <a class="layui-btn layui-btn-xs" href="javascript:;" onclick="$.tree.expand()">展开</a>
            <a class="layui-btn layui-btn-xs" href="javascript:;" onclick="$.tree.collapse()">折叠</a>
            <div id="projectTrees" class="ztree treeselect"></div>
        </div>
    </form>
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript" th:src="@{/jquery-ztree/js/jquery.ztree.all-3.5.js}"></script>
<script>
    var sysUrl = '/venus/project/epointproject';
    //树形菜单
    var options = {
        id: "projectTrees",
        url: sysUrl + '/epointProjectTreeData',
        onClick: zOnClick,
        expandLevel: 0
    };
    $.tree.init(options);
</script>
</body>
</html>